<script setup>
import NavBar from '@/components/NavBar/index.vue'
import { useRouter } from 'vue-router'

const router = useRouter()

// 导航到指定页面
function navigateTo(url) {
    router.push(url)
}

</script>


<template>
    <div class="bg-gradient-to-br from-gray-50 to-gray-100 min-h-screen flex flex-col mt-12">
        <NavBar />
        <div class="container mx-auto px-4 py-8">
            <div>
                <div class="bg-white py-8 text-center border-b border-gray-50">
                    <span class="text-3xl font-bold">SYSTEM</span>
                    <span class="text-sm ml-2">系统设置</span>
                </div>
                <div class="bg-white flex flex-wrap">
                <div class="menu-list-item" @click="navigateTo('/internal/sys/user')">
                    <div class="text-xl font-semibold text-dark mb-4 flex items-center">
                        系统用户管理
                    </div>
                    <div>创建和维护用户信息</div>
                </div>
                <div class="menu-list-item">
                    <div class="text-xl font-semibold text-dark mb-4 flex items-center">
                        系统菜单管理
                    </div>
                    <div>创建和维护功能菜单信息</div>
                </div>
            </div>
        </div>
    </div>
    <div class="container mx-auto px-4 py-8">
        <div>
            <div class="bg-white py-8 text-center border-b border-gray-50">
                <span class="text-3xl font-bold">VICO</span>
                <span class="text-sm ml-2">安徽翔胜科技有限公司</span>
            </div>
            <div class="bg-white flex flex-wrap">
                <div class="menu-list-item" @click="navigateTo('/part/vico/account-infomation')">
                    <div class="text-xl font-semibold text-dark mb-4 flex items-center">
                        信息资源（IT部）
                    </div>
                    <div>存储了重要信息资源<span class="bg-amber-300 font-bold px-2 rounded-md">加密</span></div>
                </div>
                <div class="menu-list-item">
                    <div class="text-xl font-semibold text-dark mb-4 flex items-center">
                        信息资源（公开）
                    </div>
                    <div>全体员工可访问的资源信息</div>
                </div>
                <div class="menu-list-item" @click="navigateTo('/part/vico/sql-translate')">
                    <div class="text-xl font-semibold text-dark mb-4 flex items-center">
                        SQL翻译（IT部）
                    </div>
                    <div><span class="bg-amber-300 font-bold px-2 rounded-md">鼎捷易飞</span>的数据库翻译程序将SQL填充备注</div>
                </div>
                <div class="menu-list-item">
                    <div class="text-xl font-semibold text-dark mb-4 flex items-center">
                        上下标校验程序
                    </div>
                    <div>仓库校验盘标上下标时使用</div>
                </div>
            </div>
        </div>
    </div>
</div>

</template>
